Component({
  /**
   * 组件的属性列表
   */
  properties: {},

  /**
   * 组件的初始数据
   */
  data: {
    isCancel: true,
    inputValue: '',
    isSearch: true
  },

  /**
   * 组件的方法列表
   */
  methods: {
    bindKeyInput: function(e) {
      this.setData({
        inputValue: e.detail.value
      })
      if (e.detail.value) {
        this.setData({
          isSearch: false,
          isCancel: true
        })
      } else {
        this.setData({
          isSearch: true,
          isCancel: false
        })
      }
    },
    resetInput() {
      this.setData({
        inputValue: '',
        isSearch: true,
        isCancel: true
      })
    },
    searchHandler() {
      this.triggerEvent('onsearch', this.data.inputValue)
    },
    confirmBtn() {
      if (this.data.inputValue) {
        this.triggerEvent('onsearch', this.data.inputValue)
      } else {
        this.triggerEvent('cancelsearch')
      }
    },
    /* 获取焦点时 */
    getFocus() {
      if (!this.data.inputValue) {
        this.setData({
          isCancel: false
        })
      } else {
        this.setData({
          isCancel: true
        })
      }
    },
    /* 失去焦点时 */
    getBlur() {
      this.setData({
        isCancel: true
      })
    },
    cancelHandler() {
      this.setData({
        inputValue: '',
        isCancel: true,
        isSearch: true
      })
      this.triggerEvent('cancelsearch')
    }
  }
})